
.loginRight {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #f7f7fc;
  right: 0;
  width: 410px;
  height: 100%;
  padding-top: 52px;
  text-align: center;

  //右侧登录框上面空余部分样式
  .loginHeader {
    height: 15%;
  }

  //右侧整个登录框样式
  .loginContent {
    padding: 0 30px;
    height: 65%;

    //输入框样式
    .loginContentInput {
      width: 100% !important;
    }

    //登录按钮
    .loginBtn {
      width: 100% !important;
      border-radius: 20px;
    }

    //打对勾正方形样式
    .loginContentZFX {
      width: 13px;
      height: 13px;
      border: 1px solid #ccc;
      text-align: center;
      line-height: 13px;
      cursor: pointer;
      border-radius: 3px;
    }

    //忘记密码样式
    .loginForgetMM {
      //脱离文档流但仍占据原来的位置
      float: right;
      //脱离文档流且不占据原来位置
      //position: absolute;
      //right: 0;
      font-size: small;
      color: black;
    }
  }

  //右侧底部样式
  .loginBottom {
    width: 100%;
    height: 30%;
    text-align: center;

    .loginBottomOtherWay a {
      display: block;
      width: 35px;
      height: 35px;
      border-radius: 50%;
      margin-top: 15px;
    }

    .loginBottomOtherWay {
      div:nth-child(1) a {
        background-image: url("/src/public/image/1csdn.png");
        background-size: cover;
      }
    }

    .loginBottomOtherWay {
      div:nth-child(2) a {
        background-size: cover;
        background-image: url("/src/public/image/2qq.png");
      }
    }

    .loginBottomOtherWay {
      div:nth-child(3) a {
        background-size: cover;
        background-image: url("/src/public/image/3wb.png");
      }
    }

    .loginBottomOtherWay {
      div:nth-child(4) a {
        background-size: cover;
        background-image: url("/src/public/image/4baidu.png");
      }
    }

    .loginBottomOtherWay {
      div:nth-child(5) a {
        background-size: cover;
        background-image: url("/src/public/image/5h.png");
      }
    }

    .loginBottomOtherWay {
      div:nth-child(6) a {
        background-size: cover;
        background-image: url("/src/public/image/6github.png");
      }
    }

    .loginBottomOtherWay {
      div:nth-child(7) a {
        background-size: cover;
        background-image: url("/src/public/image/7.png");
      }
    }


  }

  :global(.ant-tabs-nav-wrap) {
    justify-content: space-evenly;
  }

}
